草庐IT

Android 图表库

全部标签

javascript - 设置 d3 图表的 y 轴以适合最宽的标签?

我正在使用d3绘制折线图,​​一切正常。但是,我必须在图表区域的左侧留出足够的边距以适应我认为最宽的y轴文本标签。我想根据最宽的标签为每个图表调整此空间。最初我以为我可以找到最大的y值,创建一个隐藏的文本对象,计算出它的宽度,并在创建图表时使用该值作为左边距。有点讨厌,但它给我带来了值(value)。但是,如果最大y值是“1598.538”,则最顶部的y轴标签可能是“1500”……即窄得多。所以我想我想找到最顶层标签的实际宽度。但如果不绘制图表和轴、测量宽度并再次真正绘制,我想不出该怎么做。这听起来很讨厌!有没有一种简单的方法可以做到这一点?更新这是我的部分代码,使用了Lars的建议,

javascript - 可编辑的 javascript 图表 - 交互式调整条形图或饼图部分的大小

我需要一个可以绘制图表的库或框架插件,这些图表可以通过调整部分图表本身的大小来实时修改。有这种东西吗?我打算用它来调整图表值。主要用于控制金额分配。例如。您有4个小时,并且有5种不同类型的任务。我希望用户能够为每项任务分配时间,并直观地查看对可用时间的影响。 最佳答案 我认为VisuallyEditableChartsofFusionCharts正是您要找的。 关于javascript-可编辑的javascript图表-交互式调整条形图或饼图部分的大小,我们在StackOverflow上

javascript - Highcharts.js 不会呈现图表,它表示错误 "Cannot read property ' 系列' of undefined”

我认为这是因为当我的函数requestData被调用时我的全局varchart还没有设置。这是我在$(document).ready(function()中的highcharts代码chart=newHighcharts.Chart({chart:{renderTo:'container',defaultSeriesType:'spline',marginRight:130,marginBottom:25,events:{load:requestData()}},title:{text:'ReportePMU',x:-20//center},subtitle:{text:'',x:-2

javascript - d3.js 图表区域填充不同颜色

我试图用不同的颜色填充图表下方的区域,具体取决于x值范围,例如,对于x值0到10黄色,从10到20红色等等。有办法吗?我的单一填充颜色的javascript是varm=80;varw=900-3*m;varh=600-3*m;varx=d3.scale.linear().range([0,w]);vary=d3.scale.linear().range([h,0]);x.domain(d3.extent(data,function(d){returnd.time;}));y.domain(d3.extent(data,function(d){returnd.points;}));var

javascript 图表 - 带有两个 Y 轴的 nvd3 折线图

谁能给我建议一种将两个Y轴分配给nvd3折线图的方法? 最佳答案 查看nvd3示例中的linePlusBarChart示例。 关于javascript图表-带有两个Y轴的nvd3折线图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14497040/

javascript - Chart.js 响应选项 - 图表未填充容器

看看这个fiddle.我究竟做错了什么?响应选项不是应该强制图表填充它的容器吗?$(document).ready(function(){vardata={labels:["January","February","March","April","May","June","July"],datasets:[{label:"MyFirstdataset",fillColor:"rgba(220,220,220,0.2)",strokeColor:"rgba(220,220,220,1)",pointColor:"rgba(220,220,220,1)",pointStrokeColor:

javascript - 一页中可以有多个谷歌图表吗?

我正在使用Google可视化API。以下是我的示例代码。如果只绘制一个图表,则可以显示这两个图表中的任何一个。但我不能同时工作。谢谢你的建议。HomePage//LoadtheVisualizationAPIandtheready-madeGoogletablevisualizationgoogle.load('visualization','1',{'packages':['corechart']});functiondrawA(){//Definethechartusingsetters:varwrap=newgoogle.visualization.ChartWrapper();

javascript - d3.js 向多线系列图表添加图例

如何向多线系列图表添加图例?我试过了,但没有显示任何图例。这里的block:http://bl.ocks.org/3884955当各种级数收敛到同一点(如零)时存在缺陷。所有标签将相互叠加。无需使用这些标签,传统的图例会很有用。我试过添加这个varlegend=svg.append("g").attr("class","legend").attr("height",100).attr("width",100).attr('transform','translate(-20,50)');legend.selectAll('rect').datum(function(d){return{n

javascript - 更改 nvd3 图表中的边距和填充

我有以下nvd3堆积面积图:我想在数字/日期和图表以及顶部的图例和图表之间添加边距。(请看图,我用红线标出了位置:我一直在研究呈现的html但无法通过css访问边距值,即使我尝试将其与firefox的控制台内联。我已经能够使用此css更改字体系列和颜色:#chart1height:300pxtextfill:#1a1f22font-size:0.7emfont-family:'SourceSansPro',sans-serif但是无论我尝试将样式附加到什么元素(文本、g、svg等),边距方面都没有任何变化。这是图表的javascript代码:nv.addGraph(function()

通过坚果云、KeePassXC、keepass2android实现跨平台的密码管理方案

前言KeePassXC、keepass2android都是属于一个免费的密码管理软件,但是密码的数据库文件是基于本地设备的、难做到Windows和Android使用同一个密码数据库文件的要求,但他们都支持使用对方的数据库文件,坚果云支持第三方应用授权WebDAV,所以我们借用坚果云实现一个把数据库文件放在坚果云盘,KeePassXC、keepass2android进行访问修改的一个操作。Keepass生态Keepass是一款开源软件,也可以说是一个生态。正是因为其开源,开源社区基于Keepass又开发了一系列客户端,供各个平台使用:Keepass系列的优点主要有:密码数据库默认是本地存储,安全